<template>
    <div>
        <!-- 放大图片 -->
        <big-img v-if="showImg" @clickit="viewImg" :imgSrc="imgSrc" style="margin-top:20%"></big-img>
        <p>业户基本情况</p>
        <img width="90%" style="margin-left:5%;margin-right:5%" src="../../images/1.png" @click="clickImg($event)">

        <p>运力情况</p>
        <img width="90%" style="margin-left:5%;margin-right:5%" src="../../images/2.png" @click="clickImg($event)">

        <p>运输情况</p>
        <img width="90%" style="margin-left:5%;margin-right:5%" src="../../images/3.png" @click="clickImg($event)">

        <p>财务情况</p>
        <img width="90%" style="margin-left:5%;margin-right:5%" src="../../images/4.png" @click="clickImg($event)">

        <p>能耗情况与补充资料</p>
        <img width="90%" style="margin-left:5%;margin-right:5%" src="../../images/5.png" @click="clickImg($event)">
        
    </div>
</template>

<script>
import BigImg from '../staticPage/BigImg.vue';
    export default {
        data() {
            return {        
                showImg:false,
                imgSrc: ''
            }
        },
        components: {
            'big-img':BigImg
        },
        methods: {
            clickImg(e) {
                this.showImg = true;
                // 获取当前图片地址
                this.imgSrc = e.currentTarget.src;
            },
            viewImg(){
                this.showImg = false;
            },
        }
    }
</script>